<!DOCTYPE html>
<html lang="en">

<head>
    <meta charset="UTF-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>Document</title>
    <link rel="stylesheet" href="../dist/css/首页.css">
    <link rel="stylesheet" href="../dist/font/iconfont.css">
    <link rel="stylesheet" href="../static/libs/css/swiper-bundle.min.css">
</head>
<script src="../static/libs/javascripts/swiper-bundle.min.js"></script>
<script src="../static/libs/javascripts/jQuery .js"></script>
<script src="./javascripts/首页主体轮播图.js"></script>
<script src="./javascripts/首页.js"></script>
<script src="../static/libs/javascripts/jquery.lazyload.js"></script>
<script src="../static/libs/javascripts/cookie.js"></script>

<body>
    <!-- 头部导航栏 -->
    <header>
        <!-- 版心 -->
        <div class="box">
            <!-- logo -->
            <a href="https://www.damai.cn/"><img src="//img.alicdn.com/tfs/TB1fbVFfu3tHKVjSZSgXXX4QFXa-230-104.png"
                    alt="" id="img1"></a>
            <!-- 定位地址 -->
            <div class="positioning">
                <img src="//img.alicdn.com/tfs/TB1XHDuxNGYBuNjy0FnXXX5lpXa-28-32.png" alt="定位" id="img2">
                <span class="positioning-sp">北京</span>
                <img src="https://img.alicdn.com/tfs/TB1vnUBxStYBeNjSspaXXaOOFXa-20-12.png" alt="箭头" id="img3">
                <!-- 二级菜单 -->
                <div class="menu">
                    <!-- 二级菜单大盒子 -->
                    <div class="city">
                        <!-- 当前城市 -->
                        <div class="current-city">
                            <span class="sp1">当前城市 :</span>
                            <span class="sp2">北京</span>
                        </div>
                        <!--热门城市 -->
                        <div class="hot-city">
                            <span>热门城市 :</span>
                            <div class="hot-city-list">
                                <span>全国
                                </span>
                                <span>北京</span>
                                <span>上海</span>
                                <span>深圳</span>
                                <span>广州</span>
                                <span>天津</span>
                                <span>重庆</span>
                                <span>成都</span>
                                <span>杭州</span>
                                <span>中国香港</span>
                            </div>
                        </div>
                        <!-- 其他城市 -->
                        <div class="hot-city2">
                            <span>其他城市 :</span>
                            <div class="hot-city-list2">
                                <span>北京</span>
                                <span>上海</span>
                                <span>深圳</span>
                                <span>广州</span>
                                <span>天津</span>
                                <span>重庆</span>
                                <span>成都</span>
                                <span>杭州</span>
                                <span>太原</span>
                                <span>北京</span>
                                <span>上海</span>
                                <span>深圳</span>
                                <span>广州</span>
                                <span>天津</span>
                                <span>重庆</span>
                                <span>成都</span>
                                <span>杭州</span>
                                <span>太原</span>
                                <span>北京</span>
                                <span>上海</span>
                                <span>深圳</span>
                                <span>广州</span>
                                <span>天津</span>
                                <span>重庆</span>
                                <span>成都</span>
                                <span>杭州</span>
                                <span>太原</span>
                            </div>
                        </div>
                    </div>

                </div>
            </div>
            <!-- 首页分类 -->
            <div class="home-page">
                <a href="https://www.damai.cn/" id="a1">首页</a>
                <a href="https://search.damai.cn/search.htm?order=1" id="a2">分类</a>
            </div>
            <!-- 登录和下载 -->
            <div class="sign-in">
                <!-- 登录 -->
                <div class="sign-in1">
                    <img src="//img.alicdn.com/tfs/TB14UKCGQyWBuNjy0FpXXassXXa-54-54.png" alt="">
                    <div class="sign-in2">
                        <a href="./大麦网登录.html"><span class="sp9">登录</span></a>
                    </div>
                </div>
                <!-- 下载 -->
                <div class="download">
                    <img src="//img.alicdn.com/tfs/TB1A9eIGKuSBuNjy1XcXXcYjFXa-54-54.png" alt="">
                    <span>下载</span>
                    <!-- 二级菜单二维码 -->
                    <div class="qr-code">
                        <img src="//img.alicdn.com/tfs/TB1TBEJSkvoK1RjSZFNXXcxMVXa-280-280.jpg" alt="">
                    </div>
                </div>
            </div>
            <!-- 搜索框 -->
            <div class="search-box">
                <img src="//img.alicdn.com/tfs/TB1qv3jxGmWBuNjy1XaXXXCbXXa-34-36.png" alt="搜索">
                <input type="text" placeholder="搜索明星、演出、体育赛事" class="int">
                <div class="search">搜索</div>
            </div>
        </div>
    </header>
    <!-- 主体 -->
    <section>
        <!-- 轮播图 -->
        <div class="swiper-container container1">
            <div class="swiper-wrapper">
                <div class="swiper-slide"><img
                        src="https://gw.alicdn.com/imgextra/i4/O1CN01Lo2aAV1Eq9swuZyK8_!!6000000000402-0-tps-1200-320.jpg"
                        alt=""></div>
                <div class="swiper-slide"><img
                        src="https://gw.alicdn.com/imgextra/i1/O1CN01BoJ8KM1YLjtPrfqbT_!!6000000003043-0-tps-1200-320.jpg"
                        alt=""></div>
            </div>
            <!-- 左右按钮 -->
            <div class="swiper-button-next"></div>
            <div class="swiper-button-prev"></div>
            <!-- jQuery分页器 -->
            <div class="swiper-pagination"></div>
        </div>
        <!-- 分类  -->
        <div class="classification">
            <div class="box1 two">
                <span class="iconfont"></span>
                <a href="./大麦网分类.html"><p>演唱会</p></a>
            </div>
            <div class="box2 two">
                <span class="iconfont"></span>
                <a href="./大麦网分类.html"><p>话剧歌剧</p></a>
            </div>
            <div class="box3 two">
                <span class="iconfont"></span>
                <a href="./大麦网分类.html"><p>体育</p></a>
            </div>
            <div class="box4 two">
                <span class="iconfont"></span>
                <a href="./大麦网分类.html"><p>儿童亲子</p></a>
            </div>
            <div class="box5 two">
                <span class="iconfont"></span>
                <a href="./大麦网分类.html"><p>展览休闲</p></a>
            </div>
            <div class="box6 two">
                <span class="iconfont"></span>
                <a href="./大麦网分类.html"><p>音乐会</p></a>
            </div>
            <div class="box7 two">
                <span class="iconfont"></span>
                <a href="./大麦网分类.html"><p>曲苑杂谈</p></a>
            </div>
            <div class="box8 two">
                <span class="iconfont"></span>
                <a href="./大麦网分类.html"><p>舞蹈芭蕾</p></a>
            </div>
            <div class="box9 two">
                <span class="iconfont"></span>
                <a href="./大麦网分类.html"><p>二次元</p></a>
            </div>
            <div class="box10 two">
                <span class="iconfont"></span>
                <a href="./大麦网分类.html"><p>旅游展览</p></a>
            </div>
        </div>
        <!-- 演唱会 -->
        <div class="vocal-concert content">
            <div class="head">
                <span class="sp1">演唱会</span>
                <a href="./大麦网分类.html">
                    <span class="sp2">查看全部</span>
                </a>
            </div>
             <!-- 我们总会在夏天相遇 -->
            <div class="bcx1">
                <a href="https://detail.damai.cn/item.htm?id=650007068161"><img src="https://img.alicdn.com/bao/uploaded/i2/2251059038/O1CN01h1jfjz2GdSKrd1WuT_!!0-item_pic.jpg" alt="" class="bcx1-img">
                </a>
                <div class="bcx1-info">
                    <!-- 标题 -->
                <div class="title">M-LAB呈献 | 枯木逢春 「我们总会在夏天遇见」2021巡演-北京站 
                </div>
                <!-- 价格 -->
                <div class="bcx1-price">
                    ￥120
                    <span>起</span>
                </div>
              </div>
              <div class="bcx1-rt"></div>
            </div>
        </div>
        <!-- 话剧歌剧 -->
        <div class="drama-opera content">
            <div class="head">
                <span class="sp1">话剧歌剧</span>
                <a href="./大麦网分类.html">
                    <span class="sp2">查看全部</span>
                </a>
            </div>
            <!-- 《献给阿尔吉侬的花束》  -->
            <div class="bcx1">
                <a href="https://detail.damai.cn/item.htm?id=650007068161"><img src="https://img.alicdn.com/bao/uploaded/https://img.alicdn.com/imgextra/i4/2251059038/O1CN01a1fyvB2GdSKtYP51e_!!2251059038.jpg" alt="">
                </a>
                <div class="bcx1-info">
                    <!-- 标题 -->
                <div class="title">音乐剧《献给阿尔吉侬的花束》 
                </div>
                <!-- 价格 -->
                <div class="bcx1-price">
                    ￥180
                    <span>起</span>
                </div>
              </div>
              <div class="bcx1-rt"></div>
            </div>
        </div>
        <!-- 体育比赛 -->
        <div class="sports-competition content">
            <div class="head">
                <span class="sp1">体育比赛</span>
                <a href="./大麦网分类.html">
                    <span class="sp2">查看全部</span>
                </a>
            </div>
            <!-- 足球培训课 -->
            <div class="bcx1">
                <a href="https://detail.damai.cn/item.htm?id=650007068161"><img src="https://img.alicdn.com/bao/uploaded/https://img.alicdn.com/imgextra/i4/2251059038/O1CN01L8P9PI2GdSJqdTG81_!!2251059038.jpg" alt="">
                </a>
                <div class="bcx1-info">
                    <!-- 标题 -->
                <div class="title">万国群星足球培训课（新生体验课）  
                </div>
                <!-- 价格 -->
                <div class="bcx1-price">
                    ￥9.9
                    <span>起</span>
                </div>
              </div>
              <div class="bcx1-rt"></div>
            </div>
        </div>
        <!-- 儿童亲子 -->
        <div class="children content">
            <div class="head">
                <span class="sp1">儿童亲子</span>
                <a href="./大麦网分类.html">
                    <span class="sp2">查看全部</span>
                </a>
            </div>
            <!-- 我们总会在夏天相遇 -->
            <div class="bcx1">
                <a href="https://detail.damai.cn/item.htm?id=650007068161"><img src="https://img.alicdn.com/bao/uploaded/https://img.alicdn.com/imgextra/i2/2251059038/O1CN01Fo0r8j2GdSKOuUL6s_!!2251059038.jpg" alt="">
                </a>
                <div class="bcx1-info">
                    <!-- 标题 -->
                <div class="title">北演公司出品·家庭音乐剧 《故宫里的大怪兽之吻兽使命》  
                </div>
                <!-- 价格 -->
                <div class="bcx1-price">
                    ￥180
                    <span>起</span>
                </div>
              </div>
              <div class="bcx1-rt"></div>
            </div>
        </div>
    </section>
    <!-- 尾部 -->
    <footer>
        <div class="btm">
            <ul class="btm-list">
                <li class="li1">帮助中心</li>
                <li class="li2">|</li>
                <li class="li1">公司介绍</li>
                <li class="li2">|</li>
                <li class="li1">品牌识别</li>
                <li class="li2">|</li>
                <li class="li1">公司大事记</li>
                <li class="li2">|</li>
                <li class="li1">协议及隐私权政策</li>
                <li class="li2">|</li>
                <li class="li1">廉政举报</li>
                <li class="li2">|</li>
                <li class="li1">联系合作</li>
                <li class="li2">|</li>
                <li class="li1">招聘信息</li>
                <li class="li2">|</li>
                <li class="li1">防骗秘籍</li>
                <li class="li2">|</li>
            </ul>
            <div class="btm-footer">
                <!-- 左 -->
                <div class="btm-lt">
                    <div class="logo">
                        <a href="https://www.damai.cn/?spm=a2o6e.home.0.0.591b48d3QzpG8B">
                            <img src="https://img.alicdn.com/tfs/TB1otMASmzqK1RjSZPxXXc4tVXa-167-60.png" alt="logo">
                        </a>
                    </div>
                    <div class="erweima">
                        <img src="//img.alicdn.com/tfs/TB1TBEJSkvoK1RjSZFNXXcxMVXa-280-280.jpg" alt="">
                        <span>APP下载</span>
                    </div>
                </div>
                <!-- 右 -->
                <div class="btm-rt">
                    <!-- 在线客服 -->
                    <div class="service"><a href="https://online.damai.cn/alime/index?from=damai_pc_item&v=3">在线客服</a>
                    </div>
                    <!-- 许可证 -->
                    <ul class="permit-list">
                        <li class="li1">
                            京ICP证O31057号
                        </li>
                        <li class="li2">|</li>
                        <li class="li1">
                            京ICP备11043884号
                        </li>
                        <li class="li2">|</li>
                        <li class="li1">
                            京公网安备11010502037341号
                        </li>
                        <li class="li2">|</li>
                        <li class="li1">
                            广播电视节目制作经营许可证(京)字第02253号
                        </li>
                    </ul>
                    <!--经营 -->
                    <ul class="management-list">
                        <li class="li1">网络文化经营许可证京网文[2019]4082-420号
                        </li>
                        <li class="li2">|</li>
                        <li class="li1">营业性演出许可证京市演587号
                        </li>
                    </ul>
                    <!-- 公司 -->
                    <ul class="management-list">
                        <li class="li1">北京大麦文化传媒发展有限公司版权所有大麦网Copyright 2003-2020 All Rights Reserved
                        </li>
                    </ul>
                    <!-- 举报投诉 -->
                    <ul class="management-list">
                        <li class="li1">举报投诉: damai_tousu@member.alibaba.com浙江省杭州市余杭区文一西路969号
                        </li>
                    </ul>
                    <!-- 举报电话 -->
                    <ul class="management-list">
                        <li class="li1">违法不良信息举报电话:020-62108294
                        </li>
                    </ul>
                    <!-- 网站底部诚信图片 -->
                <div class="foot-img">
                    <img src="//img.alicdn.com/tfs/TB1ZO80pyOYBuNjSsD4XXbSkFXa-141-41.png" alt="电子营业执照" class="img1">
                    <img src="//img.alicdn.com/tfs/TB1Y580pyOYBuNjSsD4XXbSkFXa-83-50.png" alt="" class="img2">
                    <img src="//img.alicdn.com/tfs/TB1C4nNxTlYBeNjSszcXXbwhFXa-114-42.png" alt="" class="img3"> 
                </div>
                </div>
            </div>
        </div>
    </footer>
    <ul class="stairs">
        <li class="li1">
            <div></div>
            <p>APP下载</p>
        </li>
        <li class="li2">演唱会</li>
        <li class="li2">话剧歌剧</li>
        <li class="li2">体育比赛</li>
        <li class="li2">儿童亲子</li>
        <li class="li1 li2">
            <div></div>
            <p>回到顶部</p>
        </li>
    </ul>
</body>
</html>